.speech-second-page .ant-card-cover img {
    width: 100%;
    height: auto;
  }
  
  .speech-second-page .ant-list-item-meta-title a {
    font-size: 18px;
    color: #1890ff;
  }
  
  .speech-second-page .ant-list-item-meta-description {
    font-size: 14px;
    color: #666;
  }
  /* 圆角和大小调整 */
.speech-second-page .ant-card-cover img {
    width: 100%;
    height: auto;
    border-radius: 8px; /* 添加圆角 */
    max-width: 300px; /* 调整最大宽度 */
    max-height: 300px; /* 调整最大高度 */
    object-fit: cover; /* 保持图片比例并填充容器 */
  }
  
  /* 可选：为卡片添加一些间距 */
  .speech-second-page .ant-card {
    margin-bottom: 24px;
  }

  .centered-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80vh; /* 或者根据实际需要设置高度 */
  }
  
  /* 如果你希望卡片本身也有一定的样式，比如固定宽度等，可以继续添加：*/
  .centered-card .ant-card {
    width: 300px; /* 设置卡片宽度 */
    max-width: 100%; /* 确保卡片不会超出容器宽度 */
  }

/* 章节列表的容器 */
.chapter-list-container {
  margin-top: 20px; /* 整体向下移动 */
}

/* 每个章节项 */
.chapter-item {
  padding: 10px; /* 内边距，使内容与边框有一定距离 */
  margin-bottom: 15px; /* 下间距，使章节之间有间隔 */
  background-color:#d4eff9; /* 背景颜色，可选 */
  border: 1px solid #ddd; /* 边框，可选 */
  border-radius: 4px; /* 圆角边框，可选 */
}

/* 章节项的内容 */
.chapter-item .ant-list-item-meta-content {
  padding-left: 10px; /* 文字与边框之间的左侧距离 */
}

/* 如果需要自定义 Ant Design 的 List.Item 元素 */
.ant-list-item {
  padding: 10px; /* 可以覆盖默认的内边距 */
}